<!DOCTYPE html>
<html>
<head>
    <title>婚纱影楼</title>
    <link href="/themes/cpts_199_cxs/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="/themes/cpts_199_cxs/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" type="text/css" href="/themes/cpts_199_cxs/css/component.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <script src="/themes/cpts_199_cxs/js/jquery.min.js"></script>
    <script src="/themes/cpts_199_cxs/js/simpleCart.min.js"></script>
    <!-- start menu -->
    <link href="/themes/cpts_199_cxs/css/megamenu.css" rel="stylesheet" type="text/css" media="all"/>
    <script type="text/javascript" src="/themes/cpts_199_cxs/js/megamenu.js"></script>
    <script>$(document).ready(function () {
        $(".megamenu").megamenu();
    });</script>
    <!-- start menu -->
</head>
<body>
<!--header-->
<div class="header2 text-center">
    <div class="container">
        <div class="main-header"></div>
        <!--header-->
    <#include "include/top.html"/>
    </div>
    <div class="clearfix"></div>
</div>
<!--header//-->
<!--Single Page starts Here-->
<div class="product-main">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="/">Home</a></li>
            <li class="active">详情</li>
        </ol>
        <div class="ctnt-bar cntnt">
            <div class="content-bar">
                <div class="single-page">
                    <!--Include the Etalage files-->
                    <link rel="stylesheet" href="/themes/cpts_199_cxs/css/etalage.css">
                    <script src="/themes/cpts_199_cxs/js/jquery.etalage.min.js"></script>
                    <!-- Include the Etalage files -->
                    <script>
                        jQuery(document).ready(function ($) {

                            $('#etalage').etalage({
                                thumb_image_width: 300,
                                thumb_image_height: 400,
                                source_image_width: 700,
                                source_image_height: 800,
                                show_hint: true,
                                click_callback: function (image_anchor, instance_id) {
                                    alert('Callback example:\nYou clicked on an image with the anchor: "' + image_anchor + '"\n(in Etalage instance: "' + instance_id + '")');
                                }
                            });
                            // This is for the dropdown list example:
                            $('.dropdownlist').change(function () {
                                etalage_show($(this).find('option:selected').attr('class'));
                            });

                        });
                    </script>
                    <!--//details-product-slider-->
                    <div class="details-left-slider">
                        <ul id="etalage">
                            <li>
                                <a href="#">
                                    <img class="etalage_thumb_image" src="${goods.img!}"/>
                                    <img class="etalage_source_image" src="${goods.img!}"/>
                                </a>
                            </li>
                            <div class="clearfix"></div>
                        </ul>
                    </div>
                    <div class="details-left-info">
                        <form action="/member/pay" method="post" id="oo">
                            <input type="hidden" name="goodsid" value="${goods.id}">
                            <h3>${goods.name}</h3>
                            <h4>Pellentesque pretium </h4>
                            <p>$ ${goods.price}</p>
                            <p class="qty">数量 ::</p><input min="1" type="number" id="quantity" name="count" value="1"
                                                           class="form-control input-small"><br/>
                            <p class="qty">预约时间 ::</p><input type="datetime-local" style="    width: 29%;"
                                                           class="form-control " name="dete">
                            <div class="btn_form">
                                <a onclick="$('#oo').submit();" href="#">立即购买</a>
                            </div>
                        </form>

                        <div class="flower-type">
                            <p>时间 ::<a href="#">${goods.addtime?string('yyyy-MM-dd HH:mm:ss')}</a></p>
                        </div>
                        <h5>简介 ::</h5>
                        <p class="desc">${goods.descript!}</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="single-bottom2">
            <h6>套餐详情</h6>
            <div class="rltd-posts">
            ${goods.content!}
                <div class="clearfix"></div>
            </div>


            <div class="comment-box">
                <h4 class="page-header">发表评论</h4>
                <form method="post" action="/comment/send">
                    <div class="text-cmt">
                        <textarea placeholder="Message" required="" name="content"></textarea>
                    </div>
                    <div class="text-cmt">
                        <input type="submit"/>
                    </div>
                </form>

            </div>
            <div class="comments1">
                <h4>评论</h4>
            <#list commentList as item>
                <div class="comments-main">


                    <div class="col-md-12 cmts-main-right">
                        <h5>${item.name}</h5>
                        <p>${item.content!}</p>
                        <div class="cmts">
                            <div class="col-md-6 cmnts-left">
                                <p>${item.addtime?string('yyyy-MM-dd HH:mm:ss')}</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>

                    <div class="clearfix"></div>
                </div>
            </#list>
            </div>
        </div>
    </div>
</div>
</body>
</html>